<template>
  <div class="content">
    <h2>我是子组件</h2>
    <p>从父组件接收到的计数: {{ count }}</p>
  </div>
</template>

<script setup>
import { defineProps } from 'vue';

// eslint-disable-next-line no-unused-vars
const props = defineProps({
  count: {
    type:Number,
    required: false
  }

});

</script>

<style>
.content {
  border: 1px solid #5e5858;
  padding: 10px;
  width: 300px;
}

button {
  margin-top: 10px;
}
</style>


